<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" class="no-js">
	<head>
		<meta charset="utf-8">
		<title> Mmy　HTML Template v1.0</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<link rel="shortcut icon" href="favicon.ico">

		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/animations.css">
		<link rel="stylesheet" type="text/css" href="css/menu.css">
<link rel="stylesheet" type="text/css" href="css/ticketcss.css">
		<link href='http://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

		<script src="js/modernizr.custom.js"></script>
<style type="text/css">
	
	.caidan:hover{
		color: #000000;
	}
	a{ text-decoration:none;}
	a:hover{text-decoration:none; color:#336699;}
	 #tab1 {width:100%; /* padding-top:10px; */  height:400px; background-color: #FFFFFF;}
	 #tab1 ul{color: #FFFFFF; list-style:none; height:50px;line-height:30px;font-weight: 700;
	      border-bottom:2px #25BB40 solid; background-color:#E0EDD3;}
	 #tab1 ul li{ background:white;cursor:pointer;float:left; text-align: center;
	  list-style:none; height:40px; line-height:29px;padding:0px 10px;
	  margin-top:20px;margin-left: 20px; /* border:1px solid #BBB; */ border-bottom:2px solid #25BB40; background-color: #25BB40;border-radius:  10px 10px 0px 0px;}
	 #tab1 ul li.on{color: #000000; border-top:2px solid #25BB40; border-bottom:2px solid #FFF; background-color: #FFFFFF;}
	 #tab1 div{width:100%; line-height:24px;border-top:none;  
	          }
	 .hide{display:none;}
	
</style>
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		<script src="../../flat-ui/js/html5shiv.js"></script>
		<![endif]-->
<script type="text/javascript">
	window.onload = function(){
		
	var myTab = document.getElementById("tab1");    //整个div
	var myUl = myTab.getElementsByTagName("ul")[0];//一个节点
	var myLi = myUl.getElementsByTagName("li");    //数组
	var myDiv = myTab.getElementsByTagName("div"); //数组
			
	for(var i = 0; i<myLi.length;i++){
	    myLi[i].index = i;
	    myLi[i].onclick = function(){
	        for(var j = 0; j < myLi.length; j++){
	            myLi[j].className="off";
	            myDiv[j].className = "hide";
	        }
	        this.className = "on";
	        myDiv[this.index].className = "show";
	    }
	  }
	}
	
</script>
	</head>
	<body>

	<div id="off-canvas-container" class="off-canvas-container">
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		
		<!-- Header Start -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<header id="header" class="header at-padding-large-top at-padding-large-bottom cbp-af-header" >	 
			<div class="container" >  
			<div style="float: right;">
				<div class="login-signup" >
				<a class="cd-signin" href="#0">您好，请您登录</a>
				<a class="cd-signup" href="#0">免费注册</a>
				
				</div>
			
			</div>
				<!-- Logo -->
				<div style="float: left;">
				<div>
					
				
				<font color="#000000" style="font-weight: 400;font-size: 18px;">当前所在城市:</font>
				<input type="button" value="沈阳" style=" color: #25BB40; border: 0px;height: 30px;font-size: 20px;background-color: #F9F6E5;font-weight: 800;"/>
				</div>	
				
				<a href="index.html" id="logo" >
					<!--  --><img class="logo" src="img/new-logo.png" alt="Mmy Html Theme"/>
				</a>
				
				</div>
				<div style="text-align: center;width: 600px;height: 100px; padding-top: 50px;margin-left: 200px;">
					
				
				<input type="text" value="" placeholder="关键字/城市名称/旅游天数" style="width: 60%;border: #25BB40 solid 1px; color: lightgray;vertical-align: bottom;"/>
				 
				&nbsp;&nbsp;&nbsp;&nbsp;<button  type="button" style="width: 60px;height:40px; background-color: #25BB40;border: 0px;border-radius: 4px;"><i class="fa fa-search fa-2x" style="color: #FFFFFF;"></i> 
							</button>
				</div>
					
			
				
			</div>
			<div style="height: 40px;width: 100%;text-align: center; background-color: #25BB40;">
			<div class="container">
				<nav  style="padding-top: 10px;" >
					<a href="index.html" class="caidan" style="font-weight: 400;color: #F9F6E5;padding-left: 20px;padding-right: 20px;">首页</a> |
					<a href="surrounding tourism.html" class="caidan" style="font-weight: 400;color: #F9F6E5;padding-left: 20px;padding-right: 20px;">近郊游</a> |
					<a href="domestic-tourism.html" class="caidan" style="font-weight: 400;color: #F9F6E5;padding-left: 20px;padding-right: 20px;">境内游</a> |
					<a href="outbound-tourism.html" class="caidan" style="font-weight: 400;color: #F9F6E5;padding-left: 20px;padding-right: 20px;">出境游</a>|
					<a href="destination tourism.html" class="caidan" style="font-weight: 400;color: #F9F6E5;padding-left: 20px;padding-right: 20px;">目的地游</a> |
					<a href="#" class="caidan" style="font-weight: 400;color: #F9F6E5;padding-left: 20px;padding-right: 20px;">尾单</a>|
					<a href="scenic/scenics.html" class="caidan" style="font-weight: 400;color: #F9F6E5;padding-left: 20px;padding-right: 20px;">景点门票</a>|
					<a href="visas/visa-index.html" class="caidan" style="font-weight: 400;color: #F9F6E5;padding-left: 20px;padding-right: 20px;">签证</a> |
					<a href="OA/OA-index.html" class="caidan" style="font-weight: 400;color: #F9F6E5;padding-left: 20px;padding-right: 20px;">OA管理</a>|
					<a href="tenders/tender-index.html" class="caidan" style="font-weight: 400;color: #F9F6E5;padding-left: 20px;padding-right: 20px;">招投标</a>|
					<a href="ticket/train-index.html" class="caidan" style="font-weight: 400;color: #F9F6E5;padding-left: 20px;padding-right: 20px;">票务管理</a>
				</nav>
			</div>
				
			</div>		
		</header>
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Header End -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

		

		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Sign in Sign Up Popup Start登录注册开始-->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<div class="cd-user-modal">
			<div class="cd-user-modal-container"> <!-- this is the container wrapper -->
				<ul class="cd-switcher">
					<li><a href="#0">登录</a></li>
					<li><a href="#0">注册新用户</a></li>
				</ul>

				<div id="cd-login"> <!-- log in form -->
					<form class="cd-form">
						<p class="fieldset">
							<!--<label class="image-replace cd-phone-email-loginname" for="signin-phone-email-loginname">手机号/用户名/邮箱</label>-->
							<input class="full-width has-padding has-border" id="signin-phone-email-loginname" type="text" placeholder="手机号/用户名/邮箱">
							<span class="cd-error-message">用户名错误！请重新输入！</span>
						</p>

						<p class="fieldset">
							<!--<label class="image-replace cd-password" for="signin-password">密码</label>-->
							<input class="full-width has-padding has-border" id="signin-password" type="password"  placeholder="密码">
							<a href="#0" class="hide-password">显示</i></a>
							<span class="cd-error-message">密码错误！请重新输入！</span>
						</p>
						
						<p class="fieldset">
							<!--<label class="image-replace cd-captcha" for="signin-captcha">验证码</label>-->
							<input class="full-width has-padding has-border" id="signin-captcha" type="text"  placeholder="验证码">
							<span class="cd-error-message">验证码错误！请重新输入！</span>
						</p>

						<p class="fieldset">
							<div class="option-container">
								<input type="checkbox" id="remember-me" name="option[]" checked>
								<label for="remember-me">记住密码</label>
							</div>
						</p>

						<p class="fieldset">
							<input class="full-width btn" type="submit" value="登录">
						</p>
					</form>
					
					<p class="cd-form-bottom-message"><a href="#0">忘记密码?</a></p>
					<!-- <a href="#0" class="cd-close-form">Close</a> -->
				</div> <!-- cd-login -->

				<div id="cd-signup"> <!-- sign up form -->
					<form class="cd-form">
						<p class="fieldset">
							<!--<label class="image-replace cd-username" for="signup-username">用户登录名</label>-->
							<input class="full-width has-padding has-border" id="signup-username" type="text" placeholder="用户登录名">
							<span class="cd-error-message">登录名错误!</span>
						</p>

						<p class="fieldset">
							<!--<label class="image-replace cd-email" for="signup-email">电子邮箱</label>-->
							<input class="full-width has-padding has-border" id="signup-phone" type="text" placeholder="手机号">
							<span class="cd-error-message">手机号错误!</span>
						</p>
						
						

						<p class="fieldset">
							<!--<label class="image-replace cd-password" for="signup-password">密码</label>-->
							<input class="full-width has-padding has-border" id="signup-password" type="password"  placeholder="密码">
							<a href="#0" class="hide-password">显示</a>
							<!--<span class="cd-error-message">Error message here!</span>-->
						</p>
						
						<p class="fieldset">							
							<select class="full-width has-padding has-border" style=" text-align-last: center;">
								<option value="0" >==用户类型==</option>
								<option value="1" >1</option>
								<option value="2">2</option>
								<option value="3">3</option>
							</select>
						</p>

						<p class="fieldset">
							<div class="option-container">
								<input type="checkbox" name="option[]" id="accept-terms">
								<label for="accept-terms">我已同意该 <a href="#modal-popup" class="modal">用户协议</a></label>
								<div id="modal-popup" class="white-popup-block mfp-hide">
									<h3>用户协议</h3>
									<p>You won't be able to dismiss this by usual means (escape or
									click button), but you can close it programatically based on
									user choices or actions.</p>
									<p><a class="popup-modal-dismiss" href="#">返回</a></p>
							      </div>
							    <div id="modal-popup-a" class="white-popup-block mfp-hide">
									<p>请先勾选用户协议</p>
									<p><a class="popup-modal-dismiss" href="#">确定</a></p>
							      </div>
							</div>
						</p>

						<p class="fieldset">
							<a href="#modal-popup-a" class="mpa">
							<input class="full-width has-padding btn-secondary" type="submit" value="注册">
							</a>
						</p>
					</form>

					<!-- <a href="#0" class="cd-close-form">Close</a> -->
				</div> <!-- cd-signup -->

				<div id="cd-reset-password"> <!-- reset password form -->
					<p class="cd-form-message">登录验证</p>

					<form class="cd-form">
						<p class="fieldset">
						 
							<!--<label class="image-replace cd-email" for="reset-email">电子邮箱</label>-->
							<input class="full-width has-padding has-border" name="option[]" id="reset-phone-email-loginname" type="text" placeholder="手机号/用户名/邮箱">

						</p>
						
						<p class="fieldset">
						 	
						 	<div id="captcha">
			
							<input class="full-width has-padding has-border" name="" id="reset-captcha" type="text" placeholder="验证码">
							<div id="send-captcha" >
								<a href="#0" >发送验证码</a>
							</div>
							</div>	
						</p>
						
						<p class="fieldset">
						 
							<input class="full-width has-padding has-border" name="option[]" id="reset-password" type="text" placeholder="输入新密码">

						</p>

						<p class="fieldset">
							<input class="full-width has-padding btn-light" type="submit" value="重置密码" >				
						</p>
					</form>

					<p class="cd-form-bottom-message"><a href="#0">返回登录页面</a></p>
				</div> <!-- cd-reset-password -->
				<a href="#0" class="cd-close-form">Close</a>
			</div> <!-- cd-user-modal-container -->
		</div> 
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Sign in Sign Up Popup End 登录注册结束-->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Main Slider Start -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<section id="slider">
			<div id="main-slider" class="main-slider main-slider-fullwidth fxSoftPulse">
				<ul class="itemwrap">
					<li class="current">
						<img src="img/slides/slide-11.jpeg" alt="img06"/>
						<div class="slider-content">
							<!-- Content -->
							<h1 class="title">十大热门景区榜</h1>
							<div class="line"></div>
							<p class="lead">Full service digital agency with a passion for performance marketing and solutions that inspire curiosity.</p>
							<a class="btn btn-large pulse" href="#">查看更多</a>
						</div>
					</li>
					<li>
						<img src="img/slides/slide-11.jpeg" alt="img07"/>
						<div class="slider-content">
							<!-- Content -->
							<h1 class="title">限时秒杀</h1>
							<div class="line"></div>
							<p class="lead">Your Favourite Creative Agency</p>
							<a class="btn btn-large pulse" href="#">查看更多</a>
						</div>
					</li>
					<li>
						<img src="img/slides/slide-11.jpeg" alt="img08"/>
						<div class="slider-content">
							<!-- Content -->
							<h1 class="title">欢迎加入我们</h1>
							<div class="line"></div>
							<p class="lead">We Craft Stuff by Hand, One Pixel at a time</p>
							<a class="btn btn-large pulse" href="#">查看更多</a>
						</div>
					</li>
				</ul>

				<nav class="arrows">
					<a class="next" href="#"></a>
					<a class="prev" href="#"></a>
				</nav>
			</div>
		</section>
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Main Slider End -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
	<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
	<!-- Services Start  招投标 -->
	<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
	<section id="services" style="padding-bottom: 20px;margin-bottom: 20px;">
		<div class="services">
			<div class="container"style="border-bottom: #25BB40 1px dashed ;">
				<div class="row">
					<div class="span-3 col">
						<div class="services-left">
							<div class="our-services" id="our-services">
					                <div class="middle">
					                    <h3 class="title">招投标</h3>
					                    <div class="line"></div>
					                   <div id = "tab1">
					                           <ul>
					                           <li class="off">民间</li>
					                           <li class="on">国标</li>
					                          
					                           </ul>
					                       <div id="firstPage" class="hide" >
					                   			1111
					                       </div>
					                       <div id="secondPage" class="show">
					                           22222   
					                       </div>
					                      
					                   </div>
					                   			
					                   			</div>	
					                </div>
					            </div>
						</div>
					
					<div class="span-8 col">
						<div class="services-right">
							<ul class="services-grid" style="background-color: lightgray;">
								<li>
									<a href="surrounding tourism.html">
											<img src="img/latest-news/news-2.jpg" ></img>

										<h3 class="services-title" style="margin-top: 30px;">上海招标</h3>
											<div class="services-intro-text" >
													<font style="font-size: 20px;font-weight: 700;padding: 20px 10px ;">约有75条</font>
													<hr >
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;float: left;">竞标金额</font>
												<font style="font-size: 36px;font-weight: 700;padding: 20px 10px ;color: red;">200</font>
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;">起</font>
											</div>
									</a>
								</li>
								<li>
									<a href="surrounding tourism.html">
											<img src="img/latest-news/news-2.jpg" ></img>
								
												<h3 class="services-title" style="margin-top: 30px;">沈阳招标</h3>
											<div class="services-intro-text" >
													<font style="font-size: 20px;font-weight: 700;padding: 20px 10px ;">约有75条</font>
													<hr >
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;float: left;">竞标金额</font>
												<font style="font-size: 36px;font-weight: 700;padding: 20px 10px ;color: red;">200</font>
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;">起</font>
											</div>
									</a>
								</li>
								<li>
									<a href="surrounding tourism.html">
											<img src="img/latest-news/news-2.jpg" ></img>
								
												<h3 class="services-title" style="margin-top: 30px;">北京招标</h3>
											<div class="services-intro-text" >
													<font style="font-size: 20px;font-weight: 700;padding: 20px 10px ;">约有75条</font>
													<hr >
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;float: left;">竞标金额</font>
												<font style="font-size: 36px;font-weight: 700;padding: 20px 10px ;color: red;">200</font>
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;">起</font>
											</div>
									</a>
								</li>
								<li>
									<a href="surrounding tourism.html">
											<img src="img/latest-news/news-2.jpg" ></img>
								
												<h3 class="services-title" style="margin-top: 30px;">上海招标</h3>
											<div class="services-intro-text" >
													<font style="font-size: 20px;font-weight: 700;padding: 20px 10px ;">约有75条</font>
													<hr >
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;float: left;">竞标金额</font>
												<font style="font-size: 36px;font-weight: 700;padding: 20px 10px ;color: red;">200</font>
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;">起</font>
											</div>
									</a>
								</li>
								<li>
									<a href="surrounding tourism.html">
											<img src="img/latest-news/news-2.jpg" ></img>
								
												<h3 class="services-title" style="margin-top: 30px;">上海招标</h3>
											<div class="services-intro-text" >
													<font style="font-size: 20px;font-weight: 700;padding: 20px 10px ;">约有75条</font>
													<hr >
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;float: left;">竞标金额</font>
												<font style="font-size: 36px;font-weight: 700;padding: 20px 10px ;color: red;">200</font>
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;">起</font>
											</div>
									</a>
								</li>
								<li>
									<a href="surrounding tourism.html">
											<img src="img/latest-news/news-2.jpg" ></img>
								
												<h3 class="services-title" style="margin-top: 30px;">上海招标</h3>
											<div class="services-intro-text" >
													<font style="font-size: 20px;font-weight: 700;padding: 20px 10px ;">约有75条</font>
													<hr >
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;float: left;">竞标金额</font>
												<font style="font-size: 36px;font-weight: 700;padding: 20px 10px ;color: red;">200</font>
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;">起</font>
											</div>
									</a>
								</li>
								<li>
									<a href="surrounding tourism.html">
											<img src="img/latest-news/news-2.jpg" ></img>
								
												<h3 class="services-title" style="margin-top: 30px;">上海招标</h3>
											<div class="services-intro-text" >
													<font style="font-size: 20px;font-weight: 700;padding: 20px 10px ;">约有75条</font>
													<hr >
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;float: left;">竞标金额</font>
												<font style="font-size: 36px;font-weight: 700;padding: 20px 10px ;color: red;">200</font>
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;">起</font>
											</div>
									</a>
								</li>
								<li>
									<a href="surrounding tourism.html">
											<img src="img/latest-news/news-2.jpg" ></img>
								
												<h3 class="services-title" style="margin-top: 30px;">上海招标</h3>
											<div class="services-intro-text" >
													<font style="font-size: 20px;font-weight: 700;padding: 20px 10px ;">约有75条</font>
													<hr >
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;float: left;">竞标金额</font>
												<font style="font-size: 36px;font-weight: 700;padding: 20px 10px ;color: red;">200</font>
												<font style="font-size: 20px;font-weight: 400;text-align: center;vertical-align: middle;">起</font>
											</div>
									</a>
								</li>
								
							</ul>
						</div>
					</div>
				<div class="span-1 col">
						<div class="services-left">
							<div class="our-services" id="our-services">
					                <div class="middle">
					                 <a href="">>>>更多</a>
					                    
					                   			</div>	
					                </div>
					            </div>
						</div>
				</div>
			</div>
		</div>
	</section>

	<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
	<!-- Services End -->
	<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
	<!--线路预购 start -->
	
	<section id="services" style="background-color: #FFFFFF;padding-bottom: 20px;margin-bottom: 20px;">
		<div class="services">
			<div class="container" style="border-bottom: #25BB40 1px dashed ;">
				<div class="row">
					<div class="span-3 col">
						<div class="services-left">
							<div class="our-services" id="our-services">
					                <div class="middle">
					                    <h3 class="title">线路预购</h3>
					                   <h5 style="color: #000000;">热门目的地</h5>
					                    <div class="line"></div>
										<p>近郊游:
					                   <a href="#" style="padding: 0px 10px;">上海</a>| 
									   <a href="#" style="padding: 0px 10px;">北京</a>| 
									   <a href="#" style="padding: 0px 10px;">沈阳</a>| 
									   <a href="#" style="padding: 0px 10px;">天津</a>|
									   <a href="#" style="padding: 0px 10px;">内蒙古</a>|
									   <a href="#" style="padding: 0px 10px;">西班牙</a>
									   <a href="#" style="padding: 0px 10px;color: #666666">...更多</a>
									   </p>
									   <p>境内游:
									   <a href="#" style="padding: 0px 10px;">上海</a>| 
									   <a href="#" style="padding: 0px 10px;">北京</a>| 
									   <a href="#" style="padding: 0px 10px;">沈阳</a>| 
									   <a href="#" style="padding: 0px 10px;">天津</a>|
									   <a href="#" style="padding: 0px 10px;">内蒙古</a>|
									   <a href="#" style="padding: 0px 10px;">西班牙</a>
									   <a href="#" style="padding: 0px 10px;color: #666666">...更多</a>
									   </p>
									   <p>出境游:
									   <a href="#" style="padding: 0px 10px;">上海</a>| 
									   <a href="#" style="padding: 0px 10px;">北京</a>| 
									   <a href="#" style="padding: 0px 10px;">沈阳</a>| 
									   <a href="#" style="padding: 0px 10px;">天津</a>|
									   <a href="#" style="padding: 0px 10px;">内蒙古</a>|
									   <a href="#" style="padding: 0px 10px;">西班牙</a>
									   <a href="#" style="padding: 0px 10px;color: #666666">...更多</a>
									   </p>
									   <p>目的地游:
									   <a href="#" style="padding: 0px 10px;">上海</a>| 
									   <a href="#" style="padding: 0px 10px;">北京</a>| 
									   <a href="#" style="padding: 0px 10px;">沈阳</a>| 
									   <a href="#" style="padding: 0px 10px;">天津</a>|
									   <a href="#" style="padding: 0px 10px;">内蒙古</a>|
									   <a href="#" style="padding: 0px 10px;">西班牙</a>
									   <a href="#" style="padding: 0px 10px;color: #666666">...更多</a>
									   </p>
					                </div>
					            </div>
						</div>
					</div>
					<div class="span-9 col">
						<div class="services-right">
							<ul class="services-grid">
								<li>
									<a href="surrounding tourism.html">
										<div class="services-item">
											<div class="middle" style="background-image: url(img/portfolios/portfolio-55.jpg);">
												<i class="fa fa-paper-plane-o"></i>
												<h3 class="services-title">散客团-近郊游</h3>
												<p class="services-intro-text">Turnip greens yarrow ricebean rutabaga.</p>
											
												</div>
										</div>
									</a>
								</li>
								<li>
									<a href="domestic-tourism.html">
										<div class="services-item">
											<div class="middle" style="background-image: url(img/portfolios/portfolio-55.jpg);">
												<i class="fa fa-bar-chart-o"></i>
												<h3 class="services-title">散客团-境内游</h3>
												<p class="services-intro-text">Turnip greens yarrow ricebean rutabaga.</p>
											</div>
										</div>
									</a>
								</li>
								<li>
									<a href="outbound-tourism.html">
										<div class="services-item">
											<div class="middle" style="background-image: url(img/portfolios/portfolio-55.jpg);">
												<i class="fa fa-umbrella"></i>
												<h3 class="services-title">散客团-出境游</h3>
												<p class="services-intro-text">Turnip greens yarrow ricebean rutabaga.</p>
											</div>
										</div>
									</a>
								</li>
								<li>
									<a href="destination tourism.html">
										<div class="services-item">
											<div class="middle" style="background-image: url(img/portfolios/portfolio-55.jpg);">
												<i class="fa fa-code"></i>
												<h3 class="services-title">散客团-目的地游</h3>
												<p class="services-intro-text">Turnip greens yarrow ricebean rutabaga.</p>
											</div>
										</div>
									</a>
								</li>
								<li>
									<a href="surrounding tourism.html">
										<div class="services-item">
											<div class="middle" style="background-image: url(img/portfolios/portfolio-55.jpg);">
												<i class="fa fa-trophy"></i>
												<h3 class="services-title">独立团-近郊游</h3>
												<p class="services-intro-text">Turnip greens yarrow ricebean rutabaga.</p>
											</div>
										</div>
									</a>
								</li>
								<li>
									<a href="domestic-tourism.html">
										<div class="services-item">
											<div class="middle" style="background-image: url(img/portfolios/portfolio-55.jpg);">
												<i class="fa fa-heart-o"></i>
												<h3 class="services-title">独立团-境内游</h3>
												<p class="services-intro-text">Turnip greens yarrow ricebean rutabaga.</p>
											</div>
										</div>
									</a>
								</li>
								<li>
									<a href="outbound-tourism.html">
										<div class="services-item">
											<div class="middle" style="background-image: url(img/portfolios/portfolio-55.jpg);">
												<i class="fa fa-bomb"></i>
												<h3 class="services-title">独立团-出境游</h3>
												<p class="services-intro-text">Turnip greens yarrow ricebean rutabaga.</p>
											</div>
										</div>
									</a>
								</li>
								<li>
									<a href="destination tourism.html">
										<div class="services-item">
										<div class="middle" style="background-image: url(img/portfolios/portfolio-55.jpg);">
												<i class="fa fa-bullhorn"></i>
												<h3 class="services-title">独立团-目的地游</h3>
												<p class="services-intro-text">Turnip greens yarrow ricebean rutabaga.</p>
											</div>
										</div>
									</a>
								</li>
								
								
								
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--线路预购 结束 -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Services Start -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<section id="services" style="background-color: #FFFFFF;padding-bottom: 20px;margin-bottom: 20px;">
		
			<div class="services">
			<div class="container">
			<div style="padding-top: 30px;" >
						，<h3  style="float: left;">近郊游</h3>
						
						<div style="margin-top:10px ; float: right;">
						<a href="#" id="hoteltop1" style="font-weight: 400;" onclick="hotelcity1()">上海</a> 
						<a href="#" id="hoteltop2" style="font-weight: 400;" onclick="hotelcity2()">沈阳</a> 
						<a href="#" id="hoteltop3" style="font-weight: 400;" onclick="hotelcity3()">南京</a>
						<a href="#" id="hoteltop4" style="font-weight: 400;" onclick="hotelcity4()">苏州</a> 
						<a href="#" id="hoteltop5" style="font-weight: 400;" onclick="hotelcity5()">丽江</a>
						<a href="#" id="hoteltop6" style="font-weight: 400;" onclick="hotelcity6()">北京</a>
						<a href="#" id="hoteltop7" style="font-weight: 400;" onclick="hotelcity7()">杭州</a>
						<a href="#" id="hoteltop7" style="font-weight: 400;" onclick="hotelcity8()">更多</a>
						</div>
					</div>
					
			<div style="padding-top: 30px;">
				<hr style="border: #25BB40 2px solid;">
			</div>
			<div style="padding-top: 30px;">
				
			</div>
			
			<div class="gallery">
			
				    	<div class="row">	
						<div class="span-2 col">		
							<figure>
								<a href="img/gallery/gallery-1.jpg" class="pulse-shrink"><img src="img/gallery/gallery-1.jpg" alt="Gallery 1" /></a>
							</figure>
						</div>
						<div class="span-2 col">		
							<figure>
								<a href="img/gallery/gallery-2.jpg" class="pulse-shrink"><img src="img/gallery/gallery-2.jpg" alt="Gallery 2" /></a>
							</figure>
						</div>
						<div class="span-2 col">		
							<figure>
								<a href="img/gallery/gallery-3.jpg" class="pulse-shrink"><img src="img/gallery/gallery-3.jpg" alt="Gallery 3" /></a>
							</figure>
						</div>
						<div class="span-2 col">		
							<figure>
								<a href="img/gallery/gallery-4.jpg" class="pulse-shrink"><img src="img/gallery/gallery-4.jpg" alt="Gallery 4" /></a>
							</figure>
						</div>
						<div class="span-2 col">
							<figure>
								<a href="img/gallery/gallery-3.jpg" class="pulse-shrink"><img src="img/gallery/gallery-3.jpg" alt="Gallery 3" /></a>
							</figure>
						</div>
						<div class="span-2 col">		
							<figure>
								<a href="img/gallery/gallery-4.jpg" class="pulse-shrink"><img src="img/gallery/gallery-4.jpg" alt="Gallery 4" /></a>
							</figure>
						</div>
					</div>
				
					<div class="row">	
						<div class="span-2 col">		
							<figure>
								<a href="img/gallery/gallery-5.jpg" class="pulse-shrink"><img src="img/gallery/gallery-5.jpg" alt="Gallery 5" /></a>
							</figure>
						</div>
						<div class="span-2 col">		
							<figure>
								<a href="img/gallery/gallery-6.jpg" class="pulse-shrink"><img src="img/gallery/gallery-6.jpg" alt="Gallery 6" /></a>
							</figure>
						</div>
						<div class="span-2 col">		
							<figure>
								<a href="img/gallery/gallery-7.jpg" class="pulse-shrink"><img src="img/gallery/gallery-7.jpg" alt="Gallery 7" /></a>
							</figure>
						</div>
						<div class="span-2 col">		
							<figure>
								<a href="img/gallery/gallery-8.jpg"><img src="img/gallery/gallery-8.jpg" alt="Gallery 8" /></a>
							</figure>
						</div>
						<div class="span-2 col">
							<figure>
								<a href="img/gallery/gallery-3.jpg" class="pulse-shrink"><img src="img/gallery/gallery-3.jpg" alt="Gallery 3" /></a>
							</figure>
						</div>
						<div class="span-2 col">		
							<figure>
								<a href="img/gallery/gallery-4.jpg" class="pulse-shrink"><img src="img/gallery/gallery-4.jpg" alt="Gallery 4" /></a>
							</figure>
						</div>
					</div>
				
				
				</div>
				</div>
			</div>
		</section>
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Services End -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Recent Works Start -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<section id="portfolios" class="parallax at-padding-large-top at-padding-large-bottom" data-stellar-background-ratio="0">
			<div class="portfolios">
				<h3 class="title">景区热搜榜</h3>
				<div class="line"></div>
				<div class="row">	
					<div class="container"> 
						<div class="span-3 col">
							<div class="portfolios-box">
								<div class="portfolios-box-content">
									<div class="portfolios-box-wrapper">
										<div>
											<h4>Portfolio Title</h4>
											<span class="icons">
												<a class="lightbox" href="img/portfolios/portfolio-big-11.jpg" class="pulse"><i class="fa fa-search"></i></a> 
												<a href="portfolio-item.html" class="pulse"><i class="fa fa-plus"></i></a>
											</span>	
										</div>				
									</div>
								</div>
								<div class="portfolios-box-overlay magictime" data-hover="puffOut portfolio-back" data-return="tinUpIn">
									<img src="img/portfolios/portfolio-11.jpg" alt="" />
								</div>					
							</div>
						</div>
						<div class="span-3 col">
							<div class="portfolios-box">
								<div class="portfolios-box-content">
									<div class="portfolios-box-wrapper">
										<div>
											<h4>Portfolio Title</h4>
											<span class="icons">
												<a class="lightbox" href="img/portfolios/portfolio-big-22.jpg" class="pulse"><i class="fa fa-search"></i></a> 
												<a href="portfolio-item.html" class="pulse"><i class="fa fa-plus"></i></a>
											</span>	
										</div>						
									</div>
								</div>
								<div class="portfolios-box-overlay magictime" data-hover="puffOut portfolio-back" data-return="tinUpIn">
									<img src="img/portfolios/portfolio-22.jpg" alt="" />
								</div>					
							</div>
						</div>
						<div class="span-3 col">
							<div class="portfolios-box">
								<div class="portfolios-box-content">
									<div class="portfolios-box-wrapper">
										<div>
											<h4>Portfolio Title</h4>
											<span class="icons">
												<a class="lightbox" href="img/portfolios/portfolio-big-33.jpg" class="pulse"><i class="fa fa-search"></i></a>  
												<a href="portfolio-item.html" class="pulse"><i class="fa fa-plus"></i></a>
											</span>	
										</div>						
									</div>
								</div>
								<div class="portfolios-box-overlay magictime" data-hover="puffOut portfolio-back" data-return="tinUpIn">
									<img src="img/portfolios/portfolio-33.jpg" alt="" />
								</div>					
							</div>
						</div>
						<div class="span-3 col">
							<div class="portfolios-box">
								<div class="portfolios-box-content">
									<div class="portfolios-box-wrapper">
										<div>
											<h4>Portfolio Title</h4>
											<span class="icons">
												<a class="lightbox" href="img/portfolios/portfolio-big-44.jpg" class="pulse"><i class="fa fa-search"></i></a> 
												<a href="portfolio-item.html" class="pulse"><i class="fa fa-plus"></i></a>
											</span>	
										</div>						
									</div>
								</div>
								<div class="portfolios-box-overlay magictime" data-hover="puffOut portfolio-back" data-return="tinUpIn">
									<img src="img/portfolios/portfolio-44.jpg" alt="" />
								</div>						
							</div>
						</div>
					</div>
				</div>

				<div class="row">	
					<div class="container"> 
						<div class="span-3 col">
							<div class="portfolios-box">
								<div class="portfolios-box-content">
									<div class="portfolios-box-wrapper">
										<div>
											<h4>Portfolio Title</h4>
											<span class="icons">
												<a class="lightbox" href="img/portfolios/portfolio-big-55.jpg" class="pulse"><i class="fa fa-search"></i></a>  
												<a href="portfolio-item.html" class="pulse"><i class="fa fa-plus"></i></a>
											</span>	
										</div>				
									</div>
								</div>
								<div class="portfolios-box-overlay magictime" data-hover="puffOut portfolio-back" data-return="tinUpIn">
									<img src="img/portfolios/portfolio-55.jpg" alt="" />
								</div>					
							</div>
						</div>
						<div class="span-3 col">
							<div class="portfolios-box">
								<div class="portfolios-box-content">
									<div class="portfolios-box-wrapper">
										<div>
											<h4>Portfolio Title</h4>
											<span class="icons">
												<a class="lightbox" href="img/portfolios/portfolio-big-66.jpg" class="pulse"><i class="fa fa-search"></i></a> 
												<a href="portfolio-item.html" class="pulse"><i class="fa fa-plus"></i></a>
											</span>	
										</div>						
									</div>
								</div>
								<div class="portfolios-box-overlay magictime" data-hover="puffOut portfolio-back" data-return="tinUpIn">
									<img src="img/portfolios/portfolio-66.jpg" alt="" />
								</div>					
							</div>
						</div>
						<div class="span-3 col">
							<div class="portfolios-box">
								<div class="portfolios-box-content">
									<div class="portfolios-box-wrapper">
										<div>
											<h4>Portfolio Title</h4>
											<span class="icons">
												<a class="lightbox" href="img/portfolios/portfolio-big-77.jpg" class="pulse"><i class="fa fa-search"></i></a> 
												<a href="portfolio-item.html" class="pulse"><i class="fa fa-plus"></i></a>
											</span>	
										</div>						
									</div>
								</div>
								<div class="portfolios-box-overlay magictime" data-hover="puffOut portfolio-back" data-return="tinUpIn">
									<img src="img/portfolios/portfolio-77.jpg" alt="" />
								</div>					
							</div>
						</div>
						<div class="span-3 col">
							<div class="portfolios-box">
								<div class="portfolios-box-content">
									<div class="portfolios-box-wrapper">
										<div>
											<h4>Portfolio Title</h4>
											<span class="icons">
												<a class="lightbox" href="img/portfolios/portfolio-big-88.jpg" class="pulse"><i class="fa fa-search"></i></a> 
												<a href="portfolio-item.html" class="pulse"><i class="fa fa-plus"></i></a>
											</span>	
										</div>						
									</div>
								</div>
								<div class="portfolios-box-overlay magictime" data-hover="puffOut portfolio-back" data-return="tinUpIn">
									<img src="img/portfolios/portfolio-88.jpg" alt="" />
								</div>						
							</div>
						</div>
					</div>
				</div>

			</div>
		</section>
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Recent Works End -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Video Block Start -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
	<!-- 	<section id="video-block" class="at-padding-large-top at-padding-large-bottom">
			<div class="video-block">
				<div class="row">	
					<div class="container"> 
						<div class="span-4 col">
							<img src="img/video-photo.jpg">
						</div>

						<div class="span-7 col offset-1">
							<h3 class="title">Video Title</h3>
							<div class="line"></div>
							<p>Turnip greens <a class="scale" href="#">yarrow ricebean</a> rutabaga endive cauliflower. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut broccoli and quinoa beets. Love cherries green heaven.</p>
							<p>Pea horseradish azuki bean lettuce <a class="scale" href="#">avocado</a> asparagus okra. Kohlrabi radish okra azuki bean corn.</p>
							<a class="btn btn-large wobble-horizontal popup-vimeo" href="#">WATCH THE VIDEO</a>
						</div>
					</div>
				</div>
			</div>
		</section> -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Video Block End -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Latest News Start -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<section id="latest-news" class="at-padding-large-top at-padding-large-bottom bg-light">
			<div class="latest-news grid-wrap">
				<div class="container">
					<h3 class="title">热门旅游攻略</h3>
					<div class="line"></div>
					<ul class="news-grid swipe-rotate" id="news-grid">
						<li><a href="#"><img src="img/latest-news/news-099.jpeg" alt="dummy"><h3>青岛旅行手记</h3></a></li>
						
						<li><a href="#"><img src="img/latest-news/news-011.jpg" alt="dummy"><h3>台湾环岛旅行-七天八夜</h3></a></li>
						<li><a href="#"><img src="img/latest-news/news-055.jpg" alt="dummy"><h3>鼓浪屿旅行记</h3></a></li>
						<li><a href="#"><img src="img/latest-news/news-066.jpg" alt="dummy"><h3>马来西亚旅行手绘</h3></a></li>
						<li><a href="#"><img src="img/latest-news/news-022.jpg" alt="dummy"><h3>大连洱海旅游手绘手册</h3></a></li>
						<li><a href="#"><img src="img/latest-news/news-033.jpeg" alt="dummy"><h3>新加坡旅游-四天五夜</h3></a></li>
						<li><a href="#"><img src="img/latest-news/news-044.jpeg" alt="dummy"><h3>斯里兰卡旅行日记</h3></a></li>
						<li><a href="#"><img src="img/latest-news/news-077.jpg" alt="dummy"><h3>张家界手绘旅行攻略</h3></a></li>
						<li><a href="#"><img src="img/latest-news/news-088.jpg" alt="dummy"><h3>穷游泉州手绘攻略</h3></a></li>
						<li><a href="#"><img src="img/latest-news/news-0100.jpeg" alt="dummy"><h3>菲律宾旅游攻略</h3></a></li>
					</ul>
				</div>
			</div>
		</section>
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Latest News End -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Testimonials Start -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- <section id="testimonials" class="at-padding-large-top at-padding-large-bottom">
			<div class="testimonials">
				<div class="container">
					<h3 class="title"><i class="fa fa-quote-right"></i></h3>
					<div id="owl-quote" class="owl-carousel owl-theme">

						<div class="item">
							<h4 class="lead">"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."</h4>
							<span class="quote-author"><strong> - John Lenon </strong> / CEO of Company </span>
						</div>
						<div class="item">
							<h4 class="lead">“Thank for such a great template. The quality is awesome. so many features and you can create any website with this perfect solution”</h4>
							<span class="quote-author"><strong> - Sara Jameson </strong> / Web Developer </span>
						</div>
						<div class="item">
							<h4 class="lead">“The quality is awesome. so many features and you can create any website with this perfect solution”</h4>
							<span class="quote-author"><strong> - Mark Fillips </strong> / Graphic Designer </span>
						</div>
					 
					</div>
				</div>
			</div>
		</section> -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Testimonials End -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Footer Start -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<footer class="footer at-padding-large-top at-padding-large-bottom bg-primary">
			<div class="footer-logo"><img src="img/footer-logo.png" alt="Alabanda Footer Logo" /></div>
			<div class="container">
				<h3 class="title">我们愿意听听您的宝贵意见。 <br/>请与我们联系！</h3>
				<div class="row">
					<div class="social-links">
						<div class="span-3 col">
							<a href="#" class="pulse"><i class="fa fa-twitter"></i></a>
						</div>
						<div class="span-3 col">
							<a href="#" class="pulse"><i class="fa fa-facebook"></i></a>
						</div>
						<div class="span-3 col">
							<a href="#" class="pulse"><i class="fa fa-pinterest"></i></a>
						</div>
						<div class="span-3 col">
							<a href="#" class="pulse"><i class="fa fa-google-plus"></i></a>
						</div>

					</div>
				</div>

			<div class="row">
						<h3 class="module-title">联系我们</h3>
						<address>
							<strong>朝阳海外国际旅行社有限公司</strong>&nbsp;&nbsp;&nbsp;&nbsp;
							辽宁省朝阳市
							双塔区新华路三段9-5号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<abbr title="Telephone">Tel:</abbr> (0421)2638222&nbsp;&nbsp;&nbsp;&nbsp;
							<abbr title="Email">Email:</abbr><strong>www.593456111@qq.com</strong>
						</address>
						<h3 class="module-title">客服联系方式</h3>
						<div class="span-6 col" style="text-align: center;">
							<img src="img/kefuweixin.jpg" >
							<h5>微信客服</h5>
						</div>
						<div class="span-6 col" style="text-align: center;">
							<img src="img/kefuweixin.jpg" >
							<h5>QQ客服</h5>
						</div>
				</div>	
			</div>
		</footer>
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Footer End -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Copyright Start -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<section id="copyright" class="at-padding-top at-padding-bottom bg-light">
			<div class="copyright">
				<div class="container">
					<div class="row">
				
						<div class="span-4 col">
							<small class="at-float-right"><a href="javascript:void(0)" class="backtotop float">Back to Top <i class="fa fa-angle-up"></i></a></small>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- CopyrightEnd -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

	</div><!-- /st-container -->

		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		<!-- Script Embed Start -->
		<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
		
		







		<script src="js/jquery.js"></script>

		<!-- Main Slider -->
		<script src="js/classie.js"></script>
		<script src="js/main.slider.js"></script>

		<!-- Parallax -->
		<script src="js/appear.js"></script>
		<script src="js/stellar.js"></script>

		<!-- Latest News -->
		<script src="js/masonry.min.js"></script>
		<script src="js/imagesloaded.min.js"></script>
		<script src="js/colorfinder.js"></script>
		<script src="js/gridScrollFx.js"></script>
		<script>
			new GridScrollFx( document.getElementById( 'news-grid' ), {
				viewportFactor : 0.4
			} );
		</script>

		<!-- Testimonials -->
		<script src="js/owl.carousel.min.js"></script>

		<!-- Sidebar Menu -->
		<script src="js/sidebarEffects.js"></script>

		<!-- Login SignUp Form -->
		<script src="js/login.js"></script>

		<!-- Lightbox -->
		<script src="js/jquery.magnific-popup.min.js"></script>

		<!-- Loading -->
		<script src="js/pace.min.js"></script>

		<!-- Header Fixed -->
		<script src="js/animatedHeader.min.js"></script>

		<!-- Special Alabanda Scripts -->
		<script src="js/script.js"></script>
		
		<script src="js/menu.js"></script>
		<script type="text/javascript">
			function hotelcity1(){
				document.getElementById('hoteltop1').style.fontSize="1.1em";
				document.getElementById('hoteltop1').style.fontWeight="800";
			document.getElementById('hoteltop2').style.fontSize="1em";
			document.getElementById('hoteltop2').style.fontWeight="400";
			document.getElementById('hoteltop3').style.fontSize="1em";
			document.getElementById('hoteltop3').style.fontWeight="400";
			document.getElementById('hoteltop4').style.fontSize="1em";
			document.getElementById('hoteltop4').style.fontWeight="400";
			document.getElementById('hoteltop5').style.fontSize="1em";
			document.getElementById('hoteltop5').style.fontWeight="400";
			document.getElementById('hoteltop6').style.fontSize="1em";
			document.getElementById('hoteltop6').style.fontWeight="400";
			document.getElementById('hoteltop7').style.fontSize="1em";
			document.getElementById('hoteltop7').style.fontWeight="400";
			}
			function hotelcity2(){
				document.getElementById('hoteltop1').style.fontSize="1em";
				document.getElementById('hoteltop1').style.fontWeight="400";
				
				document.getElementById('hoteltop2').style.fontSize="1.1em";
				document.getElementById('hoteltop2').style.fontWeight="800";
				
				document.getElementById('hoteltop3').style.fontSize="1em";
				document.getElementById('hoteltop3').style.fontWeight="400";
				document.getElementById('hoteltop4').style.fontSize="1em";
				document.getElementById('hoteltop4').style.fontWeight="400";
				document.getElementById('hoteltop5').style.fontSize="1em";
				document.getElementById('hoteltop5').style.fontWeight="400";
				document.getElementById('hoteltop6').style.fontSize="1em";
				document.getElementById('hoteltop6').style.fontWeight="400";
				document.getElementById('hoteltop7').style.fontSize="1em";
				document.getElementById('hoteltop7').style.fontWeight="400";
			}
			function hotelcity3(){
				document.getElementById('hoteltop1').style.fontSize="1em";
				document.getElementById('hoteltop1').style.fontWeight="400";
				document.getElementById('hoteltop2').style.fontSize="1em";
				document.getElementById('hoteltop2').style.fontWeight="400";
				document.getElementById('hoteltop3').style.fontSize="1.1em";
				document.getElementById('hoteltop3').style.fontWeight="800";
				document.getElementById('hoteltop4').style.fontSize="1em";
				document.getElementById('hoteltop4').style.fontWeight="400";
				document.getElementById('hoteltop5').style.fontSize="1em";
				document.getElementById('hoteltop5').style.fontWeight="400";
				document.getElementById('hoteltop6').style.fontSize="1em";
				document.getElementById('hoteltop6').style.fontWeight="400";
				document.getElementById('hoteltop7').style.fontSize="1em";
				document.getElementById('hoteltop7').style.fontWeight="400";
			}
			function hotelcity4(){
				document.getElementById('hoteltop1').style.fontSize="1em";
				document.getElementById('hoteltop1').style.fontWeight="400";
				document.getElementById('hoteltop2').style.fontSize="1em";
				document.getElementById('hoteltop2').style.fontWeight="400";
				document.getElementById('hoteltop3').style.fontSize="1em";
				document.getElementById('hoteltop3').style.fontWeight="400";
				document.getElementById('hoteltop4').style.fontSize="1.1em";
				document.getElementById('hoteltop4').style.fontWeight="800";
				document.getElementById('hoteltop5').style.fontSize="1em";
				document.getElementById('hoteltop5').style.fontWeight="400";
				document.getElementById('hoteltop6').style.fontSize="1em";
				document.getElementById('hoteltop6').style.fontWeight="400";
				document.getElementById('hoteltop7').style.fontSize="1em";
				document.getElementById('hoteltop7').style.fontWeight="400";
			}
			function hotelcity5(){
				document.getElementById('hoteltop1').style.fontSize="1em";
				document.getElementById('hoteltop1').style.fontWeight="400";
				document.getElementById('hoteltop2').style.fontSize="1em";
				document.getElementById('hoteltop2').style.fontWeight="400";
				document.getElementById('hoteltop3').style.fontSize="1em";
				document.getElementById('hoteltop3').style.fontWeight="400";
				document.getElementById('hoteltop4').style.fontSize="1em";
				document.getElementById('hoteltop4').style.fontWeight="400";
				document.getElementById('hoteltop5').style.fontSize="1.1em";
				document.getElementById('hoteltop5').style.fontWeight="800";
				document.getElementById('hoteltop6').style.fontSize="1em";
				document.getElementById('hoteltop6').style.fontWeight="400";
				document.getElementById('hoteltop7').style.fontSize="1em";
				document.getElementById('hoteltop7').style.fontWeight="400";
			}
			function hotelcity6(){
				document.getElementById('hoteltop1').style.fontSize="1em";
				document.getElementById('hoteltop1').style.fontWeight="400";
				document.getElementById('hoteltop2').style.fontSize="1em";
				document.getElementById('hoteltop2').style.fontWeight="400";
				document.getElementById('hoteltop3').style.fontSize="1em";
				document.getElementById('hoteltop3').style.fontWeight="400";
				document.getElementById('hoteltop4').style.fontSize="1em";
				document.getElementById('hoteltop4').style.fontWeight="400";
				document.getElementById('hoteltop5').style.fontWeight="400";
				document.getElementById('hoteltop6').style.fontSize="1em";
				document.getElementById('hoteltop6').style.fontSize="1.1em";
				document.getElementById('hoteltop6').style.fontWeight="800";
				document.getElementById('hoteltop7').style.fontSize="1em";
				document.getElementById('hoteltop7').style.fontWeight="400";
			}
			function hotelcity7(){
				document.getElementById('hoteltop1').style.fontSize="1em";
				document.getElementById('hoteltop1').style.fontWeight="400";
				document.getElementById('hoteltop2').style.fontSize="1em";
				document.getElementById('hoteltop2').style.fontWeight="400";
				document.getElementById('hoteltop3').style.fontSize="1em";
				document.getElementById('hoteltop3').style.fontWeight="400";
				document.getElementById('hoteltop4').style.fontSize="1em";
				document.getElementById('hoteltop4').style.fontWeight="400";
				document.getElementById('hoteltop5').style.fontSize="1em";
				document.getElementById('hoteltop5').style.fontWeight="400";
				document.getElementById('hoteltop6').style.fontSize="1em";
				document.getElementById('hoteltop6').style.fontWeight="400";
				document.getElementById('hoteltop7').style.fontSize="1.1em";
				document.getElementById('hoteltop7').style.fontWeight="800";
			}
		</script>

	</body>
</html>